$(function(){
	//规则点击出现消失
	$(".rules").click(function(){
		$(".rule").stop().fadeIn(100);//$(".rule").css("display",'block')也可以
	});
	$(".close").click(function(){
		$(".rule").stop().fadeOut(100);
	});
	//开始按钮点击消失   和灰太狼出现的方法
	$(".start").click(function(){
		$(this).stop().fadeOut(100);
		autoPlay();wolfanimaltion();})
	 //重新开始按钮 并把分数清0
     $(".reStart").click(function(){
		$(".mask").stop().fadeOut(100);
		$(".fenshu").text(0);
		autoPlay();wolfanimaltion();
		
     })
  //进度条函数，定时器      直接用$(".progress").animal({width:0},60000)
  function autoPlay(){
  	$(".progress").css({width:180})//使每次开始进度条都是满的
		var timer=  setInterval(function(){
		var  wid=$(".progress").width();
		wid-=2;
		$(".progress").css({
			width:wid});
		if(wid<=0){//进度条为0时，游戏结束界面显示
			clearInterval(timer);
			$(".mask").stop().fadeIn(100);
		stopwolfdigui();}
		},100);}
   function stopwolfdigui(){//时间结束动画停止函数
     	$(".imagee").remove();
     	 clearInterval(wolfdigui);
     };
  var wolfdigui;
 function wolfanimaltion(){
 	//定义两个数组保存所有图片保存所有图片
 	//定义一个数组保存所有可能出现的位置
 	var wolf1=['tupian图片/h0.png','tupian图片/h1.png','tupian图片/h2.png',
    'tupian图片/h3.png','tupian图片/h4.png','tupian图片/h5.png','tupian图片/h6.png',
    'tupian图片/h7.png','tupian图片/h8.png','tupian图片/h9.png'] ;
    var wolf2=['tupian图片/x1.png','tupian图片/x1.png','tupian图片/x2.png',
    'tupian图片/x3.png','tupian图片/x4.png','tupian图片/x5.png','tupian图片/x6.png',
    'tupian图片/x7.png','tupian图片/x8.png','tupian图片/x8.png'];
    var arrPos=[{left:"100px",top:"115px"},{left:"20px",top:"160px"},{left:"190px",top:"142px"},
    {left:"105px",top:"193px"},{left:"19px",top:"221px"},{left:"202px",top:"212px"},
    {left:"120px",top:"275px"},{left:"30px",top:"295px"},{left:"209px",top:"297px"},];
    var image=$("<img src=''class='imagee'>");//创建一个图片
    var poindex=Math.round(Math.random()*8);//随机获取位置
   image.css({position:"absolute",left:arrPos[poindex].left,
    top:arrPos[poindex].top});//显示随机位置
    var wolf=Math.round(Math.random())==0?wolf1:wolf2;//图片随机
    window.wolfindex=0; window.wolfindexover=5;
     wolfdigui=setInterval(function(){//定时器，出现图片
    	 if(wolfindex>wolfindexover){
    	        image.remove();
    	        clearInterval(wolfdigui);
                           wolfanimaltion();}
    	image.attr("src",wolf[wolfindex]);//设置图片内容
    	wolfindex++;
    },210);
      $(".container").append(image);//显示图片
      gamerules(image);//调用点击图片函数
 }
 function gamerules(image){//图片点击函数
 	image.one("click",function(){
 		wolfindex=6; 
 		wolfindexover=9;
 		var $src=$(this).attr("src");
 		var flag=$src.indexOf("h") >=0;
 if(flag){$(".fenshu").text(parseInt($(".fenshu").text())+10);}//bug分数不变化
 	 else{$(".fenshu").text(parseInt($(".fenshu").text())-10);}
 	})}
   
})